@import './styles/asse.css';
@import 'react-grid-layout/css/styles.css';
@import 'react-resizable/css/styles.css';

body {
  --color-blue: #4c98f7;
  --color-green: #009688;
  --color-white: #fff;
  --color-yellow: #ffb800;
  --color-orange: #ff5722;
  --color-grey: #606266;

  margin: 0;
  padding: 0;
}

.resume-editor {
  display: flex;
  min-height: 100vh;
  width: 100%;
}

.resume-editor > .control-panel,
.resume-editor > .editor-panel {
  flex-shrink: 0;
  width: 230px;
}

.resume-editor > .main-panel {
  background-color: #eee;
  flex: 1;
  overflow: auto;
}

@media print {
  .resume-editor {
    display: inline-block;
    min-height: auto;
    width: auto;
  }

  .resume-editor > .control-panel,
  .resume-editor > .editor-panel {
    display: none !important;
  }

  .resume-editor > .main-panel {
    background-color: #fff !important;
    overflow: visible;
  }

  .pedestal-main-container {
    margin: 0 auto !important;
  }

  .hover-menu-container,
  .pedestal-main-item-toolbar {
    display: none !important;
  }

  *:hover,
  .pedestal-item-focus {
    border: unset !important;
    box-shadow: unset !important;
    outline: unset !important;
  }
}
